{if !isset($producto)}
<legend>Productos y plantas</legend>
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <ul class="thumbnails">
                {section loop=$categoria name=i}
                    <li class="col-md-5 clearfix">
                        <div class="thumbnail clearfix">
                            <img src="{$categoria[i]->get('imagen')}" alt="{$categoria[i]->get('nombre')}" class="pull-left col-md-2 clearfix img-thumbnail" style='margin-right:10px'>
                            <div class="caption" class="pull-left">
                                <a href="{$gvar.l_global}consultar_producto.php?option=consultar&categoria={$categoria[i]->get('id')}" class="btn btn-primary icon  pull-right">Detalle</a>
                                <h4>      
                                    <a href="#" >{$categoria[i]->get('nombre')}</a>
                                </h4>
                                <small>{$categoria[i]->get('descripcion')}</small>  
                            </div>
                        </div>
                    </li>
                {/section}
            </ul>
        </div>
    </div>
</div>
{else}
<div class="container">
    <div class="well well-sm">
        <strong>Category Title</strong>
        <div class="btn-group">
            <a href="#" id="list" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-th-list">
                </span>List</a> <a href="#" id="grid" class="btn btn-default btn-sm"><span
                    class="glyphicon glyphicon-th"></span>Grid</a>
        </div>
    </div>
    <div id="products" class="row">
        {section loop=$producto name=i}
        <div class="item  col-xs-4 col-lg-4">
            <div class="thumbnail">
                <img class="group list-group-image img-responsive" src="{$producto[i]->get('foto')}" alt="{$producto[i]->get('nombre')}" />
                <div class="caption">
                    <h4 class="group inner list-group-item-heading">{$producto[i]->get('nombre')}</h4>
                    <p class="group inner list-group-item-text">{$producto[i]->get('descripcion')}</p>
                    <div class="row">
                        <div class="col-xs-12 col-md-6">
                            <p class="lead">$1000</p>
                        </div>
                        <div class="col-xs-12 col-md-6">
                            <a class="btn btn-success" href="#">Detalle</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {/section}
    </div>
</div>
{/if}